<template>
  <div id="app">
    <Header />
    <router-view></router-view>
    <Flooter v-show="$route.meta.show" />
  </div>
</template>

<script>
import Header from "./components/Header/Header.vue";
import Flooter from "./components/Flooter/Flooter.vue";
export default {
  name: "App",
  components: { Header, Flooter },
  mounted() {
    // 派发一个action 获取商品分类三级列表的数据，只执行一次，优化性能
    this.$store.dispatch("categoryList");
  },
};
</script>

<style>
a {
  cursor: pointer;
}
a:hover {
  color: skyblue;
}
</style>

